<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <!--引入静态资源时，注意语法  因为在application.properties文件中定义了static文件夹  因此此处可以省略static-->
    <!--@表示获取应用路径-->
    <link rel="stylesheet" th:href="@{/css/h1.css}">
</head>
<body>
this is thymeleaf html

<h1>展示单个对象</h1>
<span th:text="${name}"></span><!--不允许<span></span>标签之间有内容，会用${name}中的内容进行替换-->
<span th:text="${username}"></span><!--不会解析<a>标签中间内容-->
<span th:utext="${username}"></span><!--会解析<a>标签中间内容-->
<input type="text" th:value="${name}">

<br/>

<h1>展示对象</h1>

<ul>
    <li>id:<span th:text="${user.id}"></span></li>
    <li><span th:text="${user.name}"></span></li>
    <li><span th:text="${user.date}"></span></li>
    <!--日期类型的取值方式 #datas表示直接调用此类方法-->
    <li><span th:text="${#dates.format(user.date,'yyyy-MM-dd')}"></span></li>
    </li>
</ul>

<h1>条件展示</h1>
<!--只有if判断,没有else-->
<span th:if="${user.id} le 3" th:text="${user.name}"></span>

<h1>展示多个数据</h1>
<ul th:each="user:${list}">
    <li th:text="${user.id}">

    </li>
</ul>


<h1>展示多个数据(获取遍历状态)</h1>
<!--第二个参数获取便利状态对象,此对象有多个属性-->
<ul th:each="user,userStat:${list}">
    <li th:text="${user.id}"></li>
    <li th:text="${userStat.size}"></li>
</ul>


<!--测试链接,传参-->
<a th:href="@{/user/delete(id=${list[0].id},name='xiaohei')}" >删除</a>
</body>
</html>